<script setup lang="ts">

</script>

<template>
    <div style="border-bottom:2px solid #b1191a; margin-top: 20px; padding: 0px 30px; display: flex; text-align: center; align-content: center;align-items: center;">
    <span style="display: block; width: 200px; line-height: 30px; color: white; background-color: #B1191A; padding: 10px 20px;">简易购商城</span>
    </div>

    <div style="margin: 10px 30px; border: 1px solid #E7E7E7;">
        <div style="background-color: #ECECEC; line-height: 45px; padding: 0px 20px; color: black;">
            <span>注册操作</span>
            <span style="float: right;">我有账号,去<a href="/login">登录</a></span>
        </div>
        <div style="padding-top: 60px; text-align: center;">
            手机号：
            <input type="text" placeholder="请输入用户名" style="padding: 6px 12px;" />
        </div>
        <div style="padding-top: 20px; text-align: center;">
            验证码：
            <input type="text" placeholder="请输入用户名" style="padding: 6px 12px;" />
        </div>
        <div style="padding-top: 20px; text-align: center;">
            用户名：
            <input type="text" placeholder="请输入用户名" style="padding: 6px 12px;" />
        </div>
        <div style="padding-top: 20px; text-align: center;">
            密码锁：
            <input type="text" placeholder="请输入密码锁" style="padding: 6px 12px;" />
        </div>
        <div style="padding-top: 20px; text-align: center;">
            确认锁：
            <input type="text" placeholder="请输入确认密码锁" style="padding: 6px 12px;" />
        </div>
        <div style="text-align: center; padding-top: 40px;">
            <input type="button" value="注册登录" style="cursor: pointer;padding: 10px 30px; color: white; border: none; background-color: #C71523;" />
        </div>
 <div style="height: 120px;"></div>
    </div>

 <div style="height: 20px;"></div>
</template>

